<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>运营中心</title>
    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <!--你自己的样式文件 -->
    <link href="css/common_style.css" rel="stylesheet">
    <link href="css/yyzx_style.css" rel="stylesheet">
    <!-- 以下两个插件用于在IE8以及以下版本浏览器支持HTML5元素和媒体查询，如果不需要用可以移除 -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
        <![endif]-->
</head>
<body>
<div class="container">
    <!--头部开始-->
    <div id="header">
        <h1 class="col-xs-4">
            <a href="#">集约化公共服务平台<br/><small>广东省新闻出版广电局</small></a></h1>
        <div class="r-box">
            <ul class="nav">
                <li><a class="a1" href="#"><span>采编中心</span></a></li>
                <li><a class="a2" href="#"><span>互动中心</span></a></li>
                <li><a class="a3" href="#"><span>运营中心</span></a></li>
                <li><a class="a4" href="#"><span>管理中心</span></a></li>
            </ul>
            <div class="user">
                <dl>
                    <dt><a href="#"><img src="images/header_tx.png" alt=""/></a><i>5</i></dt>
                    <dd>张大伟<br/><a href="#">退出</a></dd>
                </dl>
                <ul class="tc">
                    <li><a href="#" class="a1">消息<i>5</i></a></li>
                    <li><a href="#" class="a2">站群管理</a></li>
                    <li><a href="#" class="a3">密码管理</a></li>
                    <li><a href="#" class="a4">帮助</a></li>
                    <li><a href="#" class="a5">退出系统</a></li>
                </ul>
            </div>
        </div>
    </div>
    <!--头部结束-->
    <!--子标题开始-->
    <div id="subtitle">
        <ul class="js_tab">
            <li class="cur"><a href="#" class="ztjk-con">整体监控</a></li>
            <li><a href="#" class="jkqk-con">健康情况</a></li>
            <li><a href="#" class="xwfx-con">行为分析</a></li>
            <li><a href="#" class="xtjk-con">系统监控</a></li>
        </ul>
    </div>
    <!--子标题结束-->
    <!--主体开始-->
    <div id="content">
        <!-- 整体监控开始 -->
        <div class="ztjk js_con">
            <div class="row row-1">
                <!-- 网站资源统计开始 -->
                <div class="wzzy col-xs-6">
                    <div class="title bg-white">
                        <h1 class="float-left">网站资源统计</h1>
                        <p class="ico float-right">
                            <a href="#" class="tool"></a>
                            <a href="#" class="setup"></a>
                        </p>
                    </div>
                    <div class="con bg-white">
                        <div class="subtit">
                            <ul class="tab float-left">
                                <li class="cur">部门更新情况</li>
                                <li>信息更新预警</li>
                            </ul>
                            <a href="#" class="more float-right">更多</a>
                        </div>
                        <div class="con01">
                            <img src="images/con_data1.png" alt="">
                        </div>
                        <div class="con01" style="display: none;">
                            
                        </div>
                    </div>
                </div>
                <!-- 网站资源统计结束 -->

                <!-- 工作情况统计开始 -->
                <div class="gzqk col-xs-6">
                    <div class="title bg-white">
                        <h1 class="float-left">工作情况统计</h1>
                        <p class="ico float-right">
                            <a href="#" class="tool"></a>
                            <a href="#" class="setup"></a>
                        </p>
                    </div>
                    <div class="con bg-white">
                        <div class="subtit">
                            <ul class="tab float-left">
                                <li class="cur">用户发稿量统计表</li>
                            </ul>
                        </div>
                        <div class="con01">
                            <img src="images/con_data2.png" alt="">
                        </div>
                    </div>
                </div>
                <!-- 工作情况统计结束 -->
            </div>

            <div class="row row-2">
                <!-- 互动情况检测统计开始 -->
                <div class="hdqkjc col-xs-6">
                    <div class="title bg-white">
                        <h1 class="float-left">互动情况检测统计</h1>
                        <p class="ico float-right">
                            <a href="#" class="tool"></a>
                            <a href="#" class="setup"></a>
                        </p>
                    </div>
                    <div class="con bg-white">
                        <div class="subtit">
                            <ul class="tab float-left">
                                <li class="cur">政务咨询版块</li>
                                <li>调查征集版块</li>
                                <li>在线访谈版块</li>
                            </ul>
                        </div>
                        <div class="con01">
                            <img src="images/con_data3.png" alt="">
                        </div>
                        <div class="con01" style="display: none;">
                            
                        </div>
                    </div>
                </div>
                <!-- 互动情况检测统计结束 -->

                <!-- 信息公开统计开始 -->
                <div class="xxgk col-xs-6">
                    <div class="title bg-white">
                        <h1 class="float-left">信息公开统计</h1>
                        <p class="ico float-right">
                            <a href="#" class="tool"></a>
                            <a href="#" class="setup"></a>
                        </p>
                    </div>
                    <div class="con bg-white">
                        <div class="subtit">
                            <ul class="tab float-left">
                                <li class="cur">主动公开信息</li>
                                <li>依申请公开信息</li>
                            </ul>
                        </div>
                        <div class="con01">
                            <img src="images/con_data4.png" alt="">
                        </div>
                    </div>
                </div>
                <!-- 信息公开统计结束 -->
            </div>
        </div>
        <!-- 整体监控结束 -->

        <!-- 健康情况开始 -->
        <div class="jkqk js_con" style="display: none;">
            <div class="row">
                <!-- 广州开发区开始 -->
                <div class="gzkfq-jk col-xs-12">
                    <div class="title bg-white">
                        <h1 class="float-left">广州开发区</h1>
                        <div class="selectWrap float-right">
                            <select class="form-control float-left">
                                <option value="">检查时间</option>
                                <option value="">12:00</option>
                            </select>
                            <select class="form-control float-left">
                                <option value="">网站选择</option>
                                <option value="">网站1</option>
                            </select>
                        </div>
                    </div>
                    <div class="con bg-white">
                        <div class="synthetic">
                            <div class="subtitle">
                                <h1>综合评分</h1>
                            </div>
                            <div class="con01 text-center">
                                <div class="col-xs-4">
                                    <img src="images/con_data9.png" alt="">
                                </div>
                                <div class="col-xs-8">
                                    <img src="images/con_data10.png" alt="">
                                </div>
                            </div>
                        </div>
                        <div class="check">
                            <div class="subtitle">
                                <h1>检测结果</h1>
                            </div>
                            <div class="con01">
                                <ul>
                                    <li><a href="#" class="wzltx-con"><span>0次</span></a></li>
                                    <li><a href="#" class="sylj-con"><span>0次</span></a></li>
                                    <li><a href="#" class="nrbz-con"><span>0次</span></a></li>
                                    <li><a href="#" class="cbz-con"><span>0次</span></a></li>
                                    <li><a href="#" class="nrgx-con"><span>0次</span></a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 广州开发区结束 -->
            </div>
        </div>
        <!-- 健康情况结束 -->

        <!-- 行为分析开始 -->
        <div class="xwfx js_con" style="display: none;">
            <div class="row">
                <!-- 广州开发区开始 -->
                <div class="gzkfq-xw col-xs-12">
                    <div class="title bg-white">
                        <h1 class="float-left">广州开发区</h1>
                        <div class="selectWrap float-right">
                            <select class="form-control float-left">
                                <option value="">检查时间</option>
                                <option value="">12:00</option>
                            </select>
                            <select class="form-control float-left">
                                <option value="">网站选择</option>
                                <option value="">网站1</option>
                            </select>
                            <span class="time-text float-left">刷新间隔</span>
                            <select class="form-control float-left time">
                                <option value="">10</option>
                                <option value="">9</option>
                            </select>
                        </div>
                    </div>
                    <div class="con bg-white">
                        <div class="invest">
                            <dl class="yhzcd">
                                <dt>用户忠诚度</dt>
                                <dd class="num">30.5</dd>
                                <dd class="more">了解更多</dd>
                            </dl>
                            <dl class="wzyxl">
                                <dt>网站影响力</dt>
                                <dd class="num">29.5</dd>
                                <dd class="more">了解更多</dd>
                            </dl>
                            <dl class="wzjkd">
                                <dt>网站健康度</dt>
                                <dd class="num">29.5</dd>
                                <dd class="more">了解更多</dd>
                            </dl>
                            <dl class="cbrhd">
                                <dt>传播融合度</dt>
                                <dd class="num">29.5</dd>
                                <dd class="more">了解更多</dd>
                            </dl>
                        </div>
                        <div class="view">
                            <dl class="website">
                                <dt>WWW.GETDD.GOV.CN</dt>
                                <dd>嵌码日期：2015-12-10</dd>
                                <dd>总浏览量：34548774</dd>
                                <dd>总页面数：6551</dd>
                                <dd>日均浏览量：8542</dd>
                            </dl>
                            <dl class="count">
                                <dt>今日浏览量（PV）</dt>
                                <dd class="num">7,5356</dd>
                                <dd class="compare down">较昨日：5.79%</dd>  
                                <dd class="compare up">较上周：53.74%</dd>
                            </dl>
                            <dl class="count">
                                <dt>今日访问量（UV）</dt>
                                <dd class="num">7,5356</dd>
                                <dd class="compare down">较昨日：5.79%</dd>  
                                <dd class="compare up">较上周：53.74%</dd>
                            </dl>
                            <dl class="count" style="margin-right: 0;">
                                <dt>平均停留</dt>
                                <dd class="num">7,5356</dd>
                                <dd class="compare down">较昨日：5.79%</dd>  
                                <dd class="compare up">较上周：53.74%</dd>
                            </dl>
                        </div>
                        <div class="trend">
                            <div class="subtitle">
                                <h1>今日基本走势</h1>
                                <ul class="float-right">
                                    <li class="cur">浏览量（PV）</li>
                                    <li>访客数（UV）</li>
                                    <li>新增用户</li>
                                    <li>跳出率</li>
                                    <li>平均停留</li>
                                    <li>平均浏览页数</li>
                                </ul>
                            </div>
                            <div class="con01">
                                <img src="images/con_data8.png" alt="">
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 广州开发区结束 -->
            </div>
        </div>
        <!-- 行为分析结束 -->

        <!-- 系统监控开始 -->
        <div class="xtjk js_con" style="display: none;">
            <div class="row row-1">
                <!-- 监控仪表盘开始 -->
                <div class="jkybp col-xs-12">
                    <div class="title bg-white">
                        <h1 class="float-left">监控仪表盘</h1>
                        <h2 class="float-left">监控分析报告</h2>
                    </div>
                    <div class="con bg-white">
                        <ul>
                            <li><a href="#" class="fwqbj-con"><span>5</span></a></li>
                            <li><a href="#" class="yzwt-con"><span>10</span></a></li>
                            <li><a href="#" class="fhzk-con"><span>8</span></a></li>
                            <li><a href="#" class="yyffqzt-con"><span>3</span></a></li>
                        </ul>
                    </div>
                </div>
                <!-- 监控仪表盘结束 -->
            </div>

            <div class="row row-2">
                <!-- APACHE总访问数（日志分析）开始 -->
                <div class="apache col-xs-6">
                    <div class="title bg-white">
                        <h1 class="float-left">APACHE总访问数（日志分析）</h1>
                    </div>
                    <div class="con bg-white">
                        <img src="images/con_data5.png" alt="">
                    </div>
                </div>
                <!-- APACHE总访问数（日志分析）结束 -->

                <!-- 服务器响应时间开始 -->
                <div class="fwqxy col-xs-6">
                    <div class="title bg-white">
                        <h1 class="float-left">服务器响应时间</h1>
                    </div>
                    <div class="con bg-white">
                        <img src="images/con_data6.png" alt="">
                    </div>
                </div>
                <!-- 服务器响应时间结束 -->
            </div>

            <div class="row row-3">
                <!-- 基本数据统计开始 -->
                <div class="jbsj col-xs-6">
                    <div class="title bg-white">
                        <h1 class="float-left">基本数据统计</h1>
                    </div>
                    <div class="con bg-white">
                        <table class="table">
                            <tr>
                                <td class="tit">已处理8个问题</td>
                                <td>1小时前</td>
                            </tr>
                            <tr class="even">
                                <td class="tit">已处理10个问题</td>
                                <td>3小时前</td>
                            </tr>
                            <tr>
                                <td class="tit">已处理2个问题</td>
                                <td>5小时前</td>
                            </tr>
                            <tr class="even">
                                <td class="tit">已处理8个问题</td>
                                <td>1天前</td>
                            </tr>
                            <tr>
                                <td class="tit">已处理8个问题</td>
                                <td>2天前</td>
                            </tr>
                            <tr class="even">
                                <td class="tit">已处理8个问题</td>
                                <td>3天前</td>
                            </tr>
                            <tr>
                                <td class="tit">已处理8个问题</td>
                                <td>4天前</td>
                            </tr>
                            <tr class="even">
                                <td class="tit">已处理8个问题</td>
                                <td>5天前</td>
                            </tr>
                        </table>
                    </div>
                </div>
                <!-- 基本数据统计结束 -->

                <!-- 服务器资源统计开始 -->
                <div class="fwqzy col-xs-6">
                    <div class="title bg-white">
                        <h1 class="float-left">服务器资源统计</h1>
                    </div>
                    <div class="con bg-white">
                        <img src="images/con_data7.png" alt="">
                    </div>
                </div>
                <!-- 服务器响应时间结束 -->
            </div>

            <div class="row row-4">
                <!-- 智能诊断信息开始 -->
                <div class="znzd col-xs-6">
                    <div class="title bg-white">
                        <h1 class="float-left">智能诊断信息</h1>
                    </div>
                    <div class="con bg-white">
                        <table class="table">
                            <tr>
                                <td class="tit">已处理8个问题</td>
                                <td>1小时前</td>
                            </tr>
                            <tr class="even">
                                <td class="tit">已处理10个问题</td>
                                <td>3小时前</td>
                            </tr>
                            <tr>
                                <td class="tit">已处理2个问题</td>
                                <td>5小时前</td>
                            </tr>
                            <tr class="even">
                                <td class="tit">已处理8个问题</td>
                                <td>1天前</td>
                            </tr>
                            <tr>
                                <td class="tit">已处理8个问题</td>
                                <td>2天前</td>
                            </tr>
                            <tr class="even">
                                <td class="tit">已处理8个问题</td>
                                <td>3天前</td>
                            </tr>
                        </table>
                    </div>
                </div>
                <!-- 智能诊断信息结束 -->

                <!-- 运维备忘开始 -->
                <div class="ywbm col-xs-6">
                    <div class="title bg-white">
                        <h1 class="float-left">运维备忘</h1>
                    </div>
                    <div class="con bg-white">
                        <table class="table">
                            <tr>
                                <td class="user">张军</td>
                                <td class="depart">信息中心</td>
                                <td>13800138000</td>
                            </tr>
                            <tr class="even">
                                <td class="user">张军</td>
                                <td class="depart">信息中心</td>
                                <td>13800138000</td>
                            </tr>
                            <tr>
                                <td class="user">张军</td>
                                <td class="depart">信息中心</td>
                                <td>13800138000</td>
                            </tr>
                            <tr class="even">
                                <td class="user">张军</td>
                                <td class="depart">信息中心</td>
                                <td>13800138000</td>
                            </tr>
                        </table>
                        <p>
                            <input type="text" class="query-text" />
                            <a href="#" class="query-btn">查 询</a>
                        </p>
                    </div>
                </div>
                <!-- 运维备忘结束 -->
            </div>
        </div>
        <!-- 系统监控结束 -->
    </div>
    <!--主体结束-->
    <!--底部开始-->
    <div id="footer">
        北京拓尔思信息技术股份有限公司版权所有
    </div>
    <!--底部结束-->
</div>
<!-- 如果要使用Bootstrap的js插件，必须先调入jQuery -->
<script src="js/jquery-1.11.2.min.js"></script>
<!-- 包括所有bootstrap的js插件或者可以根据需要使用的js插件调用　-->
<script src="js/bootstrap.min.js"></script>
<script src="js/yyzx.js"></script>
</body>
</html>